<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core" 
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
<h:head>
	<title>FACTURA</title>
</h:head>
<h:body>
	<center>
		<h2>SISTEMA DE FACTURACIÓN</h2>

<h:form>
		<rich:panel id="panell" bodyClass="panel" style="width:80%;">
			<f:facet name="header">
				<center>
					<h:outputText value="CLIENTES INGRESADOS" />
				</center>
			</f:facet>

			<a4j:commandButton value="Ingresar Cliente" render="panelNuevoCliente"
				onclick="#{rich:component('popPupPanellEdit')}.show()">
			</a4j:commandButton>

			
			<a4j:outputPanel id="cliente">
					<rich:dataTable border="2" id="dt4" value="#{clienteBean.lc}"
						var="v1" rows="10" style="width:100%;"
						binding="#{clienteBean.tabCL}">
						<rich:column>
							<h:outputText value="#{v1.idCliente}"></h:outputText>
							<f:facet name="header">
								<h:outputText value="COD"></h:outputText>
							</f:facet>
						</rich:column>
						<rich:column>
							<h:outputText value="#{v1.nombrerazonsocial}"></h:outputText>
							<f:facet name="header">
								<h:outputText value="RAZON SOCIAL"></h:outputText>
							</f:facet>
						</rich:column>
						<rich:column>
							<h:outputText value="#{v1.tipoidentificacion}"></h:outputText>
							<f:facet name="header">
								<h:outputText value="TIPO IDENT"></h:outputText>
							</f:facet>
						</rich:column>
						<rich:column>
							<h:outputText value="#{v1.numeroidentificacion}"></h:outputText>
							<f:facet name="header">
								<h:outputText value="NUM IDENT"></h:outputText>
							</f:facet>
						</rich:column>
						<rich:column>
							<h:outputText value="#{v1.direccion}"></h:outputText>
							<f:facet name="header">
								<h:outputText value="DIRECCIÓN"></h:outputText>
							</f:facet>
						</rich:column>
						<rich:column>
							<h:outputText value="#{v1.telefonoconvencional}"></h:outputText>
							<f:facet name="header">
								<h:outputText value="TLF CONV"></h:outputText>
							</f:facet>
						</rich:column>
						<rich:column>
							<h:outputText value="#{v1.celular}"></h:outputText>
							<f:facet name="header">
								<h:outputText value="CELULAR"></h:outputText>
							</f:facet>
						</rich:column>
						<rich:column>
							<h:outputText value="#{v1.correo}"></h:outputText>
							<f:facet name="header">
								<h:outputText value="CORREO"></h:outputText>
							</f:facet>
						</rich:column>
						<rich:column>
							<h:commandLink action="#{clienteBean.editCL}">
								<h:outputText value="Edit"></h:outputText>
							</h:commandLink>
						</rich:column>
						<rich:column>
							<h:commandLink action="#{clienteBean.delCL}">
								<h:outputText value="Delet"></h:outputText>
							</h:commandLink>
						</rich:column>
					</rich:dataTable>
				</a4j:outputPanel>
			
		</rich:panel>
   </h:form>

		<rich:popupPanel id="popPupPanellEdit" modal="true" style="width:400px;height:400px;" onmaskclick="#{rich:component('popPupPanellEdit')}.hide()">		
			<f:facet name="header" >
                    <center><h:outputText value="INGRESAR NUEVOS Cliente" /></center>
              </f:facet>   
              
              	<a4j:outputPanel id="panelNuevoCliente">
	          <form name="nuevocliente">
	                 <h:panelGrid columns="2" border="1">
	                  
	                        <h:outputText value="RAZON SOCIAL:" /><h:inputText value="#{clienteBean.nombrerazonsocial1}" />
	                        <h:outputText value="TIPO IDENT:" /><h:inputText value="#{clienteBean.tipoidentificacion1}"/>
	                        <h:outputText value="NUM IDEN:" /><h:inputText value="#{clienteBean.numeroidentificacion1}"/>
	                        <h:outputText value="DIRECCIÓN:" /><h:inputText value="#{clienteBean.direccion1}"/>
	                        <h:outputText value="TLF CONV:" /><h:inputText value="#{clienteBean.telefonoconvencional1}"/>                       
	                        <h:outputText value="CELULAR:" /><h:inputText value="#{clienteBean.celular1}"/>
	                        <h:outputText value="CORREO:" /><h:inputText value="#{clienteBean.correo1}"/>
	
	                 <a4j:commandLink value="INGRESAR" action="#{clienteBean.cargarCL}" onclick="#{rich:component('popPupPanellEdit')}.hide()">
	                 	
	                 </a4j:commandLink>
	                   
							
	                </h:panelGrid>
	                </form>
	             </a4j:outputPanel> 
		 	
		</rich:popupPanel>

	</center>
</h:body>
</html>
